<script lang="ts" setup>
import { useTheme } from '@/hooks/useTheme'

const { theme, themeVars } = useTheme()
</script>

<script lang="ts">
export default {
  options: {
    addGlobalClass: true,
    virtualHost: true,
    styleIsolation: 'shared',
  },
}
</script>

<template>
  <WdConfigProvider :theme="theme" :theme-vars="themeVars">
    <wd-notify />
    <wd-toast />
    <wd-message-box />
    <privacy-popup />
    <slot />
  </WdConfigProvider>
</template>

<style lang="scss" scoped></style>
